<html>

<head>
    <title>liugui - js - 复习</title>
    <script src="script/js.js"></script>

</head>

<body>
    <h1 id="myH1">第一个标题</h1>
    <p id="myP">第一个段落</p>
    <p id="demo"></p>
    <button type="button" onclick="myFunction()">在class=demo的标签上展示内容</button>
    <button type="button" onclick="myFunction2()">弹窗</button>
    <button type="button" onclick="myFunction3(1,2,3)">传参弹窗</button>

    <button type="button" onclick="alert(myFunction4(1,2,3))">带返回值函数</button>
    <script>
        document.write("<h1>Hello liugui!<h1>");
        // alert("我的第一个 JavaScript");
        //如果script在head 则无法输出以下两个标题
        // 输出标题：
        document.getElementById("myH1").innerHTML = "欢迎来到我的主页";
        // 输出段落：
        document.getElementById("myP").innerHTML = "这是我的第一个段落。";
        // JavaScript函数
        function myFunction() {
            document.getElementById("demo").innerHTML = "我的第一个 JavaScript 函数";
        }
        //无参函数
        function myFunction2(){
            alert("hello world!");
        }
        //带参函数
        function myFunction3( i, s, d){
            alert(i + s + d);
        }
        //有返回值函数
        function myFunction4( i, s, d){
            return i + s + d;
        }
    </script>
</body>
</html>